<template>
  <div class="container">
    <Breadcrumb />
    <a-layout-content v-calcHeight="12">
      <iframe
        src="https://yangh9.github.io/petpet/"
        frameborder="0"
        width="100%"
        height="100%"
        @load="routerLoading().hide()"
      ></iframe>
    </a-layout-content>
  </div>
</template>

<script setup lang="jsx">
import Breadcrumb from '@/components/Breadcrumb.vue'
import { routerLoading } from '@/stores'
import { onMounted } from 'vue'

onMounted(() => {
  routerLoading().show()
})
</script>

<style scoped lang="scss"></style>
